<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<title>联系我们</title>
<!-- Start of Page Container -->
<div class="page-container">
	<div class="container">
		<div class="row">

			<!-- start of page content -->
			<div class="span8 page-content">

				<article class="type-page hentry clearfix">
					<h1 class="post-title">
						<a href="#">联系我们</a>
					</h1>
					<hr>
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
						sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
						aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
						exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
						commodo consequat.</p>
				</article>


				<form id="contact-form" class="row" action="contact_send"
					method="post">

					<div class="span2">
						<label for="name"> 您的名字 <span>*</span>
						</label>
					</div>
					<div class="span6">
						<input type="text" name="contact.yourName" id="name"
							class="required input-xlarge" value=""
							title="* Please provide your name">
					</div>
					
					<div class="span2">
						<label for="phone"> 您的手机<span>*</span></label>
					</div>
					<div class="span6">
						<input type="text" name="contact.yourPhone" id="phone"
							class="phone required input-xlarge" value=""
							title="* Please provide a valid phone number">
					</div>

					<div class="span2">
						<label for="email"> 您的邮箱<span>*</span></label>
					</div>
					<div class="span6">
						<input type="text" name="contact.yourEmail" id="email"
							class="email required input-xlarge" value=""
							title="* Please provide a valid email address">
					</div>

					<div class="span2">
						<label for="reason">主题 </label>
					</div>
					<div class="span6">
						<input type="text" name="contact.subject" id="reason"
							class="input-xlarge" value="">
					</div>

					<div class="span2">
						<label for="message">您的留言<span>*</span>
						</label>
					</div>
					<div class="span6">
						<textarea name="contact.content" id="message"
							class="required span6" rows="6"
							title="* Please enter your message"></textarea>
					</div>

					<div class="span6 offset2 bm30">
						<input type="submit" name="submit" value="Send Message"
							class="btn btn-inverse"> <img src="images/loading.gif"
							id="contact-loader" alt="Loading...">
					</div>

					<div class="span6 offset2 error-container"></div>
					<div class="span8 offset2" id="message-sent"></div>

				</form>
			</div>
			<!-- end of page content -->


			<!-- start of sidebar -->
			<aside class="span4 page-sidebar">

				<section class="widget">
					<div class="support-widget">
						<h3 class="title">支持</h3>
						<p class="intro">需要更多的支持吗？如果您没有找到答案，请与我们联系以获得进一步的帮助。</p>
					</div>
				</section>

				<section class="widget">
					<h3 class="title">最新文章</h3>
					<ul class="articles">
						<li class="article-entry standard">
							<h4>
								<a href="single.html">整合WordPress与您的网站</a>
							</h4> <span class="article-meta">25 Feb, 2013 in <a href="#"
								title="View all posts in Server &amp; Database">Server &amp;
									Database</a></span> <span class="like-count">66</span>
						</li>
						<li class="article-entry standard">
							<h4>
								<a href="single.html">网站维护</a>
							</h4> <span class="article-meta">24 Feb, 2013 in <a href="#"
								title="View all posts in Website Dev">Website Dev</a></span> <span
							class="like-count">15</span>
						</li>
						<li class="article-entry video">
							<h4>
								<a href="single.html">WordPress中的元标签</a>
							</h4> <span class="article-meta">23 Feb, 2013 in <a href="#"
								title="View all posts in Website Dev">Website Dev</a></span> <span
							class="like-count">8</span>
						</li>
						<li class="article-entry image">
							<h4>
								<a href="single.html">wordpress在你的语言</a>
							</h4> <span class="article-meta">22 Feb, 2013 in <a href="#"
								title="View all posts in Advanced Techniques">Advanced
									Techniques</a></span> <span class="like-count">6</span>
						</li>
					</ul>
				</section>


			</aside>
			<!-- end of sidebar -->
		</div>
	</div>
</div>
<!-- End of Page Container -->

<!-- Start of Footer -->
<footer id="footer-wrapper">
	<div id="footer" class="container">
		<div class="row">

			<div class="span3">
				<section class="widget">
					<h3 class="title">它是如何工作的</h3>
					<div class="textwidget">
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
							sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
							aliquam erat volutpat.</p>
						<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation
							ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
							consequat.</p>
					</div>
				</section>
			</div>

			<div class="span3">
				<section class="widget">
					<h3 class="title">类别</h3>
					<ul>
						<li><a href="#" title="Lorem ipsum dolor sit amet,">Advanced
								Techniques</a></li>
						<li><a href="#" title="Lorem ipsum dolor sit amet,">Designing
								in WordPress</a></li>
						<li><a href="#" title="Lorem ipsum dolor sit amet,">Server
								&amp; Database</a></li>
						<li><a href="#" title="Lorem ipsum dolor sit amet, ">Theme
								Development</a></li>
						<li><a href="#" title="Lorem ipsum dolor sit amet,">Website
								Dev</a></li>
						<li><a href="#" title="Lorem ipsum dolor sit amet,">WordPress
								for Beginners</a></li>
						<li><a href="#" title="Lorem ipsum dolor sit amet, ">WordPress
								Plugins</a></li>
					</ul>
				</section>
			</div>

			<div class="span3">
				<section class="widget">
					<h3 class="title">最新推特</h3>
					<div id="twitter_update_list">
						<ul>
							<li>No Tweets loaded !</li>
						</ul>
					</div>
				</section>
			</div>

			<div class="span3">
				<section class="widget">
					<h3 class="title">菲力克照片</h3>
					<div class="flickr-photos" id="basicuse"></div>
				</section>
			</div>

		</div>
	</div>
	<!-- end of #footer -->